<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<title>用户中心</title>
		<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
		<link title="" href="css/style.css" rel="stylesheet" type="text/css" />
		<link title="blue" href="css/dermadefault.css" rel="stylesheet" type="text/css" />
		<link title="green" href="css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link title="orange" href="css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link href="css/templatecss.css" rel="stylesheet" title="" type="text/css" />
		<!--		<script src="script/jquery-1.11.1.min.js" type="text/javascript"></script>-->
		<script src="../js/jquery.min.js"></script>
		<script src="script/jquery.cookie.js" type="text/javascript"></script>
		<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="script/main.js"></script>
		<script src="script/new_file.js"></script>
	</head>
	<style type="text/css">
		.setup {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			display: none;
		}
		
		.setAgent {
			width: 400px;
			height: 300px;
			background: url(img/lantian.jpg) no-repeat;
			background-size: cover;
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-radius: 10px;
		}
		
		.titleNamer {
			text-align: center;
			border-bottom: 2px solid #008000;
		}
		
		.titleNamer h4 {
			line-height: 30px;
			color: #E7E7E7;
		}
		
		.from-warry {
			height: 100%;
			text-align: center;
			padding: 50px 10px 10px;
		}
		
		.from-warry {
			border-bottom: 15px;
		}
		
		.revoke {
			display: none;
		}
		
		.poswd,
		.names {
			margin-left: 10px;
		}
		
		em {
			font-style: normal;
		}
	</style>

	<body>
		<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>
				<a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="li-border">
						<a class="mystyle-color" href="#">管理控制台</a>
					</li>
				</ul>

				<ul class="nav navbar-nav pull-right">
					<li class="li-border">
						<a href="#" class="mystyle-color">
							<span class="glyphicon glyphicon-bell"></span>
							<span class="topbar-num">0</span>
						</a>
					</li>
					<li class="user_name">
						<a href="#">修改用户名或密码</a>
					</li>
					<li class="dropdown li-border">
						<a href="#" class="dropdown-toggle mystyle-color User_name" data-toggle="dropdown">设置<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="cancellation">
								<a>退出</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<div class="down-main">
			<div class="left-main left-full">
				<div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
				<div class="subNavBox active">
					<div class="sBox">
						<div class="subNav sublist-down"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">用户中心</span>
						</div>
						<ul class="navContent" style="display:block">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />用户管理</div>
								<a href="userInfo_2.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">用户管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />公众号设置</div>
								<a href="code.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">公众号设置</span></a>
							</li>
						</ul>
					</div>
					<div class="sBox">
						<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">代理设置</span></div>
						<ul class="navContent">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加代理</div>
								<a href="addto_2.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">添加代理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />代理详情</div>
								<a href="details_2.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">代理详情</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right-product my-index right-full">
				<div class="container-fluid">
					<div class="info-center">

						<!---title----->
						<div class="info-title">
							<div class="pull-left">
								<h4><strong>Welcome login background management !</strong></h4>
								<p>欢迎登录足球小将管理系统！</p>
							</div>
							<div class="time-title pull-right">
								<div class="year-month pull-left">
									<!--<p>星期二</p>-->
									<p><span class="pull-span">2016</span><em>年8月23日</em></p>
								</div>
								<div class="hour-minute pull-right">
									<strong class="strongs">9:00</strong>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				<div class="setup">
					<div class="setAgent">
						<div class="titleNamer">
							<h4>修改密码</h4>
						</div>
						<div class="from-warry">
							<p>旧密码：<input class="dl-input names_2" type="text" placeholder="请输新的账号" /></p>
							<p>新密码：<input class="dl-input poswd_2" type="text" placeholder="请输入新的密码" /></p>
							<p>再次输入：<input type="text" placeholder="请输入新密码" class="confirm"/></p>
							<p><input class="confirm_sbmit" type="button" value="确定修改" /></p>
						</div>
					</div>
				</div>

			</div>
		</div>
		</div>
		<script type="text/javascript">
			$('.cancellation').on('click', function() {
				$.ajax({
					type: "get",
					url: "/proxy/exitLogin",
					contentType: "application/json; charset=utf-8",
					success: function(res) {
						if(res.error_code == 0) {
							window.location.href = 'login.html';
						}
					}
				});
			})

			$(function() {
				//获取登录用户信息
				$.ajax({
					type: "get",
					url: "/proxy/loginIndex",
					contentType: "application/json; charset=utf-8",
					success: function(res) {
						console.log(res);
						if(res.error_code == 1) {
							alert('网络错误，请重新登录！');
							window.location.href = "login.html";
						} else {
							$('.User_name').html(res.data)
						}
					}
				});
			})
		</script>
		<script type="text/javascript">
			$(function() {
				/*换肤*/
				$(".dropdown .changecolor li").click(function() {
					var style = $(this).attr("id");
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + style + "']").removeAttr("disabled");

					$.cookie('mystyle', style, {
						expires: 7
					}); // 存储一个带7天期限的 cookie 
				})
				var cookie_style = $.cookie("mystyle");
				if(cookie_style != null) {
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + cookie_style + "']").removeAttr("disabled");
				}
				/*左侧导航栏显示隐藏功能*/
				$(".subNav").click(function() {
					/*显示*/
					if($(this).find("span:first-child").attr('class') == "title-icon glyphicon glyphicon-chevron-down") {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-down");
						$(this).find("span:first-child").addClass("glyphicon-chevron-up");
						$(this).removeClass("sublist-down");
						$(this).addClass("sublist-up");
					}
					/*隐藏*/
					else {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-up");
						$(this).find("span:first-child").addClass("glyphicon-chevron-down");
						$(this).removeClass("sublist-up");
						$(this).addClass("sublist-down");
					}
					// 修改数字控制速度， slideUp(500)控制卷起速度
					$(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
				})
				/*左侧导航栏缩进功能*/
				$(".left-main .sidebar-fold").click(function() {

					if($(this).parent().attr('class') == "left-main left-full") {
						$(this).parent().removeClass("left-full");
						$(this).parent().addClass("left-off");

						$(this).parent().parent().find(".right-product").removeClass("right-full");
						$(this).parent().parent().find(".right-product").addClass("right-off");

					} else {
						$(this).parent().removeClass("left-off");
						$(this).parent().addClass("left-full");

						$(this).parent().parent().find(".right-product").removeClass("right-off");
						$(this).parent().parent().find(".right-product").addClass("right-full");

					}
				})

				/*左侧鼠标移入提示功能*/
				$(".sBox ul li").mouseenter(function() {
					if($(this).find("span:last-child").css("display") == "none") {
						$(this).find("div").show();
					}
				}).mouseleave(function() {
					$(this).find("div").hide();
				})
			})
		</script>
	</body>
	<script src="script/index.js"></script>

</html>